@(missionId: Int)(implicit messages: Messages)
<div class="result diagnoseAna">

	<div class="row" style="margin-top: 10px">

		<div class="col-sm-12" style="display: block">

			<h4>@messages("results") <span class="totalNodeText">(<span class="nodeText" id=""></span>)</span></h4>

			<ul class="nav nav-tabs">

				<li class="active" >
					<a href="#singleMet" data-toggle="tab" >@messages("singleMet")</a>
				</li>

				<li class="" >
					<a href="#rf" data-toggle="tab" > @messages("rfModel") </a>
				</li>

				<li class="" >
					<a href="#gb" data-toggle="tab" > @messages("gbModel") </a>
				</li>

				<li class="" >
					<a href="#lr" data-toggle="tab" > @messages("lrModel") </a>
				</li>

				<li class="" >
					<a href="#svm" data-toggle="tab" > @messages("svmModel") </a>
				</li>

				<li class="" >
					<a href="#en" data-toggle="tab" > @messages("enModel") </a>
				</li>

			</ul>

			<div class="tab-content" style="margin-top: 20px">

				<div class="tab-pane  fade in active" id="singleMet">

					<div class="table-responsive" >

						<table class="display table table-bordered" id="table" data-pagination="true"
						data-page-list="[10, 25, 50, 100, all]" >
							<thead>

								<tr class="myTr">

											</tr>

							</thead>
						</table>

					</div>

				</div>

				<div class="tab-pane  " id="rf">

					<div class="table-responsive" >

						<table class="display table table-bordered" id="table" data-pagination="true"
						data-page-list="[10, 25, 50, 100, all]" >
							<thead>

								<tr class="myTr">

											</tr>

							</thead>
						</table>

					</div>

					<hr>

					<ul class="nav nav-tabs" >

						<li class="active" >
							<a href="#rfRoc" data-toggle="tab" >@messages("rOCCurveArg", s"${messages("rfModel")}")</a>
						</li>

						<li class="" >
							<a href="#rfPr" data-toggle="tab" > @messages("pRCurveArg", s"${messages("rfModel")}") </a>
						</li>

						<li class="" >
							<a href="#rfRocCv" data-toggle="tab" > @messages("rOCCurveCv") </a>
						</li>

						<li class="" >
							<a href="#rfRocCvEach" data-toggle="tab" > @messages("rocCurveCvEach") </a>
						</li>

					</ul>

					<div id="myTabContent" class="tab-content" style="margin-top: 20px">

						<div class="tab-pane  fade in active" id="rfRoc">

							<div id="root"></div>

						</div>

						<div class="tab-pane  " id="rfPr">

							<div id="root"></div>

						</div>

						<div class="tab-pane  " id="rfRocCv">

							<div class="col-sm-8" id="content">
								<div>

									<a class=" myToggle" style="float: right;
										border: 0px;
										margin-top: 10px">
										<i class="fa fa-angle-double-right" style="color: grey"></i>
									</a>
								</div>

								<img src="" id="scoreImage" style="width: 100%">

							</div>

							<div class="col-sm-4" id="sidebar">

								<form id="form" class=" form-horizontal" accept-charset="UTF-8"
								method="post" style="margin-top: 30px;">

									<input type="hidden" name="missionId" value="@missionId">

									<ul class="nav nav-tabs myMainUl" id="plotArg">

										<li class="active" id="layoutLi">
											<a href="#rfCvLayout" data-toggle="tab" > @messages("layout") </a>
										</li>

										<li class="" id="fontLi">
											<a href="#rfCvFont" data-toggle="tab" > @messages("fontArg") </a>
										</li>

									</ul >

									<div id="plotArgTabContent" class="tab-content" style="margin-top: 20px">

										<div class="tab-pane fade in active" id="rfCvLayout">

											<div class="form-group">
												<label class="control-label col-sm-4">@messages("picSizeWidthHeight"):</label>
												<div class="col-sm-8">
													<div class="input-group">
														<input class="form-control fillByName" name="width" />
														<span class="input-group-addon">-</span>
														<input class="form-control fillByName" name="height" />
													</div>
												</div>
											</div>

										</div>

										<div class="tab-pane  " id="rfCvFont">

											<div id="fontFamily">

							</div>

											<div id="myFontArg">

							</div>

										</div>

									</div>

									<div class="form-group form-horizontal">
										<div class="actions col-sm-offset-2 col-sm-4">
											<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
											@messages("run")</button>
										</div>
										<div class="row" style="margin-left: 0px">
											<div class="col-sm-12" >
												<p style="color: #232327 ">
												@messages("reRunInfo")
												</p>
											</div>
										</div>
									</div>

								</form>

							</div>

						</div>

						<div class="tab-pane  " id="rfRocCvEach">

							<div class="col-sm-8" id="content">
								<div>

									<a class=" myToggle" style="float: right;
										border: 0px;
										margin-top: 10px">
										<i class="fa fa-angle-double-right" style="color: grey"></i>
									</a>
								</div>

								<img src="" id="scoreImage" style="width: 100%">

							</div>

							<div class="col-sm-4" id="sidebar">

								<form id="form" class=" form-horizontal" accept-charset="UTF-8"
								method="post" style="margin-top: 30px;">

									<input type="hidden" name="missionId" value="@missionId">

									<ul class="nav nav-tabs myMainUl" id="plotArg">

										<li class="active" id="layoutLi">
											<a href="#rfRocCvEachLayout" data-toggle="tab" > @messages("layout") </a>
										</li>

										<li class="" id="fontLi">
											<a href="#rfRocCvEachFont" data-toggle="tab" > @messages("fontArg") </a>
										</li>

									</ul >

									<div id="plotArgTabContent" class="tab-content" style="margin-top: 20px">

										<div class="tab-pane fade in active" id="rfRocCvEachLayout">

											<div class="form-group">
												<label class="control-label col-sm-4">@messages("picSizeWidthHeight"):</label>
												<div class="col-sm-8">
													<div class="input-group">
														<input class="form-control fillByName" name="width" />
														<span class="input-group-addon">-</span>
														<input class="form-control fillByName" name="height" />
													</div>
												</div>
											</div>

										</div>

										<div class="tab-pane  " id="rfRocCvEachFont">

											<div id="fontFamily">

							</div>

											<div id="myFontArg">

							</div>

										</div>

									</div>

									<div class="form-group form-horizontal">
										<div class="actions col-sm-offset-2 col-sm-4">
											<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
											@messages("run")</button>
										</div>
										<div class="row" style="margin-left: 0px">
											<div class="col-sm-12" >
												<p style="color: #232327 ">
												@messages("reRunInfo")
												</p>
											</div>
										</div>
									</div>

								</form>

							</div>

						</div>

					</div>

				</div>

				<div class="tab-pane  " id="gb">

					<div class="table-responsive" >

						<table class="display table table-bordered" id="table" data-pagination="true"
						data-page-list="[10, 25, 50, 100, all]" >
							<thead>

								<tr class="myTr">

											</tr>

							</thead>
						</table>

					</div>

					<hr>

					<ul class="nav nav-tabs">

						<li class="active" >
							<a href="#gbRoc" data-toggle="tab" > @messages("rOCCurveArg", s"${messages("gbModel")}") </a>
						</li>

						<li class="" >
							<a href="#gbPr" data-toggle="tab" > @messages("pRCurveArg", s"${messages("gbModel")}") </a>
						</li>

						<li class="" >
							<a href="#gbRocCv" data-toggle="tab" > @messages("rOCCurveCv") </a>
						</li>

						<li class="" >
							<a href="#gbRocCvEach" data-toggle="tab" > @messages("rocCurveCvEach") </a>
						</li>

					</ul>

					<div id="myTabContent" class="tab-content" style="margin-top: 20px">

						<div class="tab-pane fade in active" id="gbRoc">

							<div id="root"></div>

						</div>

						<div class="tab-pane" id="gbPr">

							<div id="root"></div>

						</div>

						<div class="tab-pane  " id="gbRocCv">

							<div class="col-sm-8" id="content">
								<div>

									<a class=" myToggle" style="float: right;
										border: 0px;
										margin-top: 10px">
										<i class="fa fa-angle-double-right" style="color: grey"></i>
									</a>
								</div>

								<img src="" id="scoreImage" style="width: 100%">

							</div>

							<div class="col-sm-4" id="sidebar">

								<form id="form" class=" form-horizontal" accept-charset="UTF-8"
								method="post" style="margin-top: 30px;">

									<input type="hidden" name="missionId" value="@missionId">

									<ul class="nav nav-tabs myMainUl" id="plotArg">

										<li class="active" id="layoutLi">
											<a href="#gbCvLayout" data-toggle="tab" > @messages("layout") </a>
										</li>

										<li class="" id="fontLi">
											<a href="#gbCvFont" data-toggle="tab" > @messages("fontArg") </a>
										</li>

									</ul >

									<div id="plotArgTabContent" class="tab-content" style="margin-top: 20px">

										<div class="tab-pane fade in active" id="gbCvLayout">

											<div class="form-group">
												<label class="control-label col-sm-4">@messages("picSizeWidthHeight"):</label>
												<div class="col-sm-8">
													<div class="input-group">
														<input class="form-control fillByName" name="width" />
														<span class="input-group-addon">-</span>
														<input class="form-control fillByName" name="height" />
													</div>
												</div>
											</div>

										</div>

										<div class="tab-pane  " id="gbCvFont">

											<div id="fontFamily">

							</div>

											<div id="myFontArg">

							</div>

										</div>

									</div>

									<div class="form-group form-horizontal">
										<div class="actions col-sm-offset-2 col-sm-4">
											<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
											@messages("run")</button>
										</div>
										<div class="row" style="margin-left: 0px">
											<div class="col-sm-12" >
												<p style="color: #232327 ">
												@messages("reRunInfo")
												</p>
											</div>
										</div>
									</div>

								</form>

							</div>

						</div>

						<div class="tab-pane  " id="gbRocCvEach">

							<div class="col-sm-8" id="content">
								<div>

									<a class=" myToggle" style="float: right;
										border: 0px;
										margin-top: 10px">
										<i class="fa fa-angle-double-right" style="color: grey"></i>
									</a>
								</div>

								<img src="" id="scoreImage" style="width: 100%">

							</div>

							<div class="col-sm-4" id="sidebar">

								<form id="form" class=" form-horizontal" accept-charset="UTF-8"
								method="post" style="margin-top: 30px;">

									<input type="hidden" name="missionId" value="@missionId">

									<ul class="nav nav-tabs myMainUl" id="plotArg">

										<li class="active" id="layoutLi">
											<a href="#gbRocCvEachLayout" data-toggle="tab" > @messages("layout") </a>
										</li>

										<li class="" id="fontLi">
											<a href="#gbRocCvEachFont" data-toggle="tab" > @messages("fontArg") </a>
										</li>

									</ul >

									<div id="plotArgTabContent" class="tab-content" style="margin-top: 20px">

										<div class="tab-pane fade in active" id="gbRocCvEachLayout">

											<div class="form-group">
												<label class="control-label col-sm-4">@messages("picSizeWidthHeight"):</label>
												<div class="col-sm-8">
													<div class="input-group">
														<input class="form-control fillByName" name="width" />
														<span class="input-group-addon">-</span>
														<input class="form-control fillByName" name="height" />
													</div>
												</div>
											</div>

										</div>

										<div class="tab-pane  " id="gbRocCvEachFont">

											<div id="fontFamily">

							</div>

											<div id="myFontArg">

							</div>

										</div>

									</div>

									<div class="form-group form-horizontal">
										<div class="actions col-sm-offset-2 col-sm-4">
											<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
											@messages("run")</button>
										</div>
										<div class="row" style="margin-left: 0px">
											<div class="col-sm-12" >
												<p style="color: #232327 ">
												@messages("reRunInfo")
												</p>
											</div>
										</div>
									</div>

								</form>

							</div>

						</div>

					</div>

				</div>

				<div class="tab-pane" id="lr">

					<div class="table-responsive" >

						<table class="display table table-bordered" id="table" data-pagination="true"
						data-page-list="[10, 25, 50, 100, all]" >
							<thead>

								<tr class="myTr">

											</tr>

							</thead>
						</table>

					</div>

					<hr>

					<ul class="nav nav-tabs ">

						<li class="active" >
							<a href="#lrRoc" data-toggle="tab" > @messages("rOCCurveArg", s"${messages("lrModel")}") </a>
						</li>

						<li class="" >
							<a href="#lrPr" data-toggle="tab" > @messages("pRCurveArg", s"${messages("lrModel")}") </a>
						</li>

						<li class="" >
							<a href="#lrRocCv" data-toggle="tab" > @messages("rOCCurveCv") </a>
						</li>

						<li class="" >
							<a href="#lrRocCvEach" data-toggle="tab" > @messages("rocCurveCvEach") </a>
						</li>

					</ul>

					<div id="myTabContent" class="tab-content" style="margin-top: 20px">

						<div class="tab-pane fade in active" id="lrRoc">

							<div id="root"></div>

						</div>

						<div class="tab-pane" id="lrPr">

							<div id="root"></div>

						</div>

						<div class="tab-pane  " id="lrRocCv">

							<div class="col-sm-8" id="content">
								<div>

									<a class=" myToggle" style="float: right;
										border: 0px;
										margin-top: 10px">
										<i class="fa fa-angle-double-right" style="color: grey"></i>
									</a>
								</div>

								<img src="" id="scoreImage" style="width: 100%">

							</div>

							<div class="col-sm-4" id="sidebar">

								<form id="form" class=" form-horizontal" accept-charset="UTF-8"
								method="post" style="margin-top: 30px;">

									<input type="hidden" name="missionId" value="@missionId">

									<ul class="nav nav-tabs myMainUl" id="plotArg">

										<li class="active" id="layoutLi">
											<a href="#lrCvLayout" data-toggle="tab" > @messages("layout") </a>
										</li>

										<li class="" id="fontLi">
											<a href="#lrCvFont" data-toggle="tab" > @messages("fontArg") </a>
										</li>

									</ul >

									<div id="plotArgTabContent" class="tab-content" style="margin-top: 20px">

										<div class="tab-pane fade in active" id="lrCvLayout">

											<div class="form-group">
												<label class="control-label col-sm-4">@messages("picSizeWidthHeight"):</label>
												<div class="col-sm-8">
													<div class="input-group">
														<input class="form-control fillByName" name="width" />
														<span class="input-group-addon">-</span>
														<input class="form-control fillByName" name="height" />
													</div>
												</div>
											</div>

										</div>

										<div class="tab-pane" id="lrCvFont">

											<div id="fontFamily">

					</div>

											<div id="myFontArg">

					</div>

										</div>

									</div>

									<div class="form-group form-horizontal">
										<div class="actions col-sm-offset-2 col-sm-4">
											<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
											@messages("run")</button>
										</div>
										<div class="row" style="margin-left: 0px">
											<div class="col-sm-12" >
												<p style="color: #232327 ">
												@messages("reRunInfo")
												</p>
											</div>
										</div>
									</div>

								</form>

							</div>

						</div>

						<div class="tab-pane  " id="lrRocCvEach">

							<div class="col-sm-8" id="content">
								<div>

									<a class=" myToggle" style="float: right;
										border: 0px;
										margin-top: 10px">
										<i class="fa fa-angle-double-right" style="color: grey"></i>
									</a>
								</div>

								<img src="" id="scoreImage" style="width: 100%">

							</div>

							<div class="col-sm-4" id="sidebar">

								<form id="form" class=" form-horizontal" accept-charset="UTF-8"
								method="post" style="margin-top: 30px;">

									<input type="hidden" name="missionId" value="@missionId">

									<ul class="nav nav-tabs myMainUl" id="plotArg">

										<li class="active" id="layoutLi">
											<a href="#lrRocCvEachLayout" data-toggle="tab" > @messages("layout") </a>
										</li>

										<li class="" id="fontLi">
											<a href="#lrRocCvEachFont" data-toggle="tab" > @messages("fontArg") </a>
										</li>

									</ul >

									<div id="plotArgTabContent" class="tab-content" style="margin-top: 20px">

										<div class="tab-pane fade in active" id="lrRocCvEachLayout">

											<div class="form-group">
												<label class="control-label col-sm-4">@messages("picSizeWidthHeight"):</label>
												<div class="col-sm-8">
													<div class="input-group">
														<input class="form-control fillByName" name="width" />
														<span class="input-group-addon">-</span>
														<input class="form-control fillByName" name="height" />
													</div>
												</div>
											</div>

										</div>

										<div class="tab-pane  " id="lrRocCvEachFont">

											<div id="fontFamily">

					</div>

											<div id="myFontArg">

					</div>

										</div>

									</div>

									<div class="form-group form-horizontal">
										<div class="actions col-sm-offset-2 col-sm-4">
											<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
											@messages("run")</button>
										</div>
										<div class="row" style="margin-left: 0px">
											<div class="col-sm-12" >
												<p style="color: #232327 ">
												@messages("reRunInfo")
												</p>
											</div>
										</div>
									</div>

								</form>

							</div>

						</div>

					</div>

				</div>

				<div class="tab-pane" id="svm">

					<div class="table-responsive" >

						<table class="display table table-bordered" id="table" data-pagination="true"
						data-page-list="[10, 25, 50, 100, all]" >
							<thead>

								<tr class="myTr">

											</tr>

							</thead>
						</table>

					</div>

					<hr>

					<ul class="nav nav-tabs">

						<li class="active" >
							<a href="#svmRoc" data-toggle="tab" > @messages("rOCCurveArg", s"${messages("svmModel")}") </a>
						</li>

						<li class="" >
							<a href="#svmPr" data-toggle="tab" > @messages("pRCurveArg", s"${messages("svmModel")}") </a>
						</li>

					</ul>

					<div id="myTabContent" class="tab-content" style="margin-top: 20px">

						<div class="tab-pane fade in active" id="svmRoc">

							<div class="col-sm-8" id="content">
								<div>

									<a class=" myToggle" style="float: right;
										border: 0px;
										margin-top: 10px">
										<i class="fa fa-angle-double-right" style="color: grey"></i>
									</a>
								</div>

								<img src="" id="scoreImage" style="width: 100%">

							</div>

							<div class="col-sm-4" id="sidebar">

								<form id="form" class=" form-horizontal" accept-charset="UTF-8"
								method="post" style="margin-top: 30px;">

									<input type="hidden" name="missionId" value="@missionId">

									<ul class="nav nav-tabs myMainUl" id="plotArg">

										<li class="active" id="layoutLi">
											<a href="#svmRocLayout" data-toggle="tab" > @messages("layout") </a>
										</li>

										<li class="" id="colorLi">
											<a href="#svmRocColor" data-toggle="tab" > @messages("colors") </a>
										</li>

										<li class="" id="fontLi">
											<a href="#svmRocFont" data-toggle="tab" > @messages("fontArg") </a>
										</li>

									</ul >

									<div id="plotArgTabContent" class="tab-content" style="margin-top: 20px">

										<div class="tab-pane fade in active" id="svmRocLayout">

											<div id="rocShowLegend">

							</div>

											<div class="form-group">
												<label class="control-label col-sm-4">@messages("picSizeWidthHeight"):</label>
												<div class="col-sm-8">
													<div class="input-group">
														<input class="form-control fillByName" name="width" />
														<span class="input-group-addon">-</span>
														<input class="form-control fillByName" name="height" />
													</div>
												</div>
											</div>

										</div>

										<div class="tab-pane " id="svmRocColor">

											<div id="rocColorComponent"></div>

										</div>

										<div class="tab-pane  " id="svmRocFont">

											<div id="fontFamily">

							</div>

											<div id="myFontArg">

							</div>

										</div>

									</div>

									<div class="form-group form-horizontal">
										<div class="actions col-sm-offset-2 col-sm-4">
											<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
											@messages("run")</button>
										</div>
										<div class="row" style="margin-left: 0px">
											<div class="col-sm-12" >
												<p style="color: #232327 ">
												@messages("reRunInfo")
												</p>
											</div>
										</div>
									</div>

								</form>

							</div>

						</div>

						<div class="tab-pane" id="svmPr">

							<div class="col-sm-8" id="content">
								<div>

									<a class=" myToggle" style="float: right;
										border: 0px;
										margin-top: 10px">
										<i class="fa fa-angle-double-right" style="color: grey"></i>
									</a>
								</div>

								<img src="" id="scoreImage" style="width: 100%">

							</div>

							<div class="col-sm-4" id="sidebar">

								<form id="form" class=" form-horizontal" accept-charset="UTF-8"
								method="post" style="margin-top: 30px;">

									<input type="hidden" name="missionId" value="@missionId">

									<ul class="nav nav-tabs myMainUl" id="plotArg">

										<li class="active" id="layoutLi">
											<a href="#svmPrLayout" data-toggle="tab" > @messages("layout") </a>
										</li>

										<li class="" id="colorLi">
											<a href="#svmPrColor" data-toggle="tab" > @messages("colors") </a>
										</li>

										<li class="" id="fontLi">
											<a href="#svmPrFont" data-toggle="tab" > @messages("fontArg") </a>
										</li>

									</ul >

									<div id="plotArgTabContent" class="tab-content" style="margin-top: 20px">

										<div class="tab-pane fade in active" id="svmPrLayout">

											<div class="form-group">
												<label class="control-label col-sm-4">@messages("picSizeWidthHeight"):</label>
												<div class="col-sm-8">
													<div class="input-group">
														<input class="form-control fillByName" name="width" />
														<span class="input-group-addon">-</span>
														<input class="form-control fillByName" name="height" />
													</div>
												</div>
											</div>

										</div>

										<div class="tab-pane " id="svmPrColor">

											<div class="form-group env">
												<label class="control-label col-sm-4">
													@messages("fillColors"):</label>
												<div class="col-sm-8">
													<select class="form-control fillByNameAndTrigger myColors" name="colorsStr" >
														<option value="#FF0000:#CC00FF">@messages("red")
															-@messages("purple")</option>
														<option value="custom">@messages("setColorManually")</option>
													</select>
												</div>
											</div>

											<div id="" style="border: 1px solid lightgrey;
												border-radius: 5px;
												padding: 10px 5px;
												margin-bottom: 10px" class="customColors">
												<h5 style="margin-bottom: 15px">@messages("selectColor")</h5>

												<div id="customColors"></div>

												<div class="form-group">
													<div class="actions col-sm-offset-2 col-sm-6">
														<button type="button" class="btn btn-default myAddColor" title="@messages("add")" >
															<i class="fa fa-plus"></i>
																&nbsp;
															@messages("add")
														</button>
													</div>
												</div>
											</div>

										</div>

										<div class="tab-pane  " id="svmPrFont">

											<div id="fontFamily">

							</div>

											<div id="myFontArg">

							</div>

										</div>

									</div>

									<div class="form-group form-horizontal">
										<div class="actions col-sm-offset-2 col-sm-4">
											<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
											@messages("run")</button>
										</div>
										<div class="row" style="margin-left: 0px">
											<div class="col-sm-12" >
												<p style="color: #232327 ">
												@messages("reRunInfo")
												</p>
											</div>
										</div>
									</div>

								</form>

							</div>

						</div>

					</div>

				</div>

				<div class="tab-pane" id="en">

					<div class="table-responsive" >

						<table class="display table table-bordered" id="table" data-pagination="true"
						data-page-list="[10, 25, 50, 100, all]" >
							<thead>

								<tr class="myTr">

											</tr>

							</thead>
						</table>

					</div>

					<hr>

					<ul class="nav nav-tabs">

						<li class="active" >
							<a href="#enRoc" data-toggle="tab" > @messages("rOCCurveArg", s"${messages("enModel")}") </a>
						</li>

						<li class="" >
							<a href="#enPr" data-toggle="tab" > @messages("pRCurveArg", s"${messages("enModel")}") </a>
						</li>

					</ul>

					<div id="myTabContent" class="tab-content" style="margin-top: 20px">

						<div class="tab-pane fade in active" id="enRoc">

							<div class="col-sm-8" id="content">
								<div>

									<a class=" myToggle" style="float: right;
										border: 0px;
										margin-top: 10px">
										<i class="fa fa-angle-double-right" style="color: grey"></i>
									</a>
								</div>

								<img src="" id="scoreImage" style="width: 100%">

							</div>

							<div class="col-sm-4" id="sidebar">

								<form id="form" class=" form-horizontal" accept-charset="UTF-8"
								method="post" style="margin-top: 30px;">

									<input type="hidden" name="missionId" value="@missionId">

									<ul class="nav nav-tabs myMainUl" id="plotArg">

										<li class="active" id="layoutLi">
											<a href="#enRocLayout" data-toggle="tab" > @messages("layout") </a>
										</li>

										<li class="" id="colorLi">
											<a href="#enRocColor" data-toggle="tab" > @messages("colors") </a>
										</li>

										<li class="" id="fontLi">
											<a href="#enRocFont" data-toggle="tab" > @messages("fontArg") </a>
										</li>

									</ul >

									<div id="plotArgTabContent" class="tab-content" style="margin-top: 20px">

										<div class="tab-pane fade in active" id="enRocLayout">

											<div id="rocShowLegend">

							</div>

											<div class="form-group">
												<label class="control-label col-sm-4">@messages("picSizeWidthHeight"):</label>
												<div class="col-sm-8">
													<div class="input-group">
														<input class="form-control fillByName" name="width" />
														<span class="input-group-addon">-</span>
														<input class="form-control fillByName" name="height" />
													</div>
												</div>
											</div>

										</div>

										<div class="tab-pane " id="enRocColor">

											<div id="rocColorComponent"></div>

										</div>

										<div class="tab-pane  " id="enRocFont">

											<div id="fontFamily">

					</div>

											<div id="myFontArg">

					</div>

										</div>

									</div>

									<div class="form-group form-horizontal">
										<div class="actions col-sm-offset-2 col-sm-4">
											<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
											@messages("run")</button>
										</div>
										<div class="row" style="margin-left: 0px">
											<div class="col-sm-12" >
												<p style="color: #232327 ">
												@messages("reRunInfo")
												</p>
											</div>
										</div>
									</div>

								</form>

							</div>

						</div>

						<div class="tab-pane" id="enPr">

							<div class="col-sm-8" id="content">
								<div>

									<a class=" myToggle" style="float: right;
										border: 0px;
										margin-top: 10px">
										<i class="fa fa-angle-double-right" style="color: grey"></i>
									</a>
								</div>

								<img src="" id="scoreImage" style="width: 100%">

							</div>

							<div class="col-sm-4" id="sidebar">

								<form id="form" class=" form-horizontal" accept-charset="UTF-8"
								method="post" style="margin-top: 30px;">

									<input type="hidden" name="missionId" value="@missionId">

									<ul class="nav nav-tabs myMainUl" id="plotArg">

										<li class="active" id="layoutLi">
											<a href="#enPrLayout" data-toggle="tab" > @messages("layout") </a>
										</li>

										<li class="" id="colorLi">
											<a href="#enPrColor" data-toggle="tab" > @messages("colors") </a>
										</li>

										<li class="" id="fontLi">
											<a href="#enPrFont" data-toggle="tab" > @messages("fontArg") </a>
										</li>

									</ul >

									<div id="plotArgTabContent" class="tab-content" style="margin-top: 20px">

										<div class="tab-pane fade in active" id="enPrLayout">

											<div class="form-group">
												<label class="control-label col-sm-4">@messages("picSizeWidthHeight"):</label>
												<div class="col-sm-8">
													<div class="input-group">
														<input class="form-control fillByName" name="width" />
														<span class="input-group-addon">-</span>
														<input class="form-control fillByName" name="height" />
													</div>
												</div>
											</div>

										</div>

										<div class="tab-pane " id="enPrColor">

											<div class="form-group env">
												<label class="control-label col-sm-4">
													@messages("fillColors"):</label>
												<div class="col-sm-8">
													<select class="form-control fillByNameAndTrigger myColors" name="colorsStr" >
														<option value="#FF0000:#CC00FF">@messages("red")
															-@messages("purple")</option>
														<option value="custom">@messages("setColorManually")</option>
													</select>
												</div>
											</div>

											<div id="" style="border: 1px solid lightgrey;
												border-radius: 5px;
												padding: 10px 5px;
												margin-bottom: 10px" class="customColors">
												<h5 style="margin-bottom: 15px">@messages("selectColor")</h5>

												<div id="customColors"></div>

												<div class="form-group">
													<div class="actions col-sm-offset-2 col-sm-6">
														<button type="button" class="btn btn-default myAddColor" title="@messages("add")" >
															<i class="fa fa-plus"></i>
																&nbsp;
															@messages("add")
														</button>
													</div>
												</div>
											</div>

										</div>

										<div class="tab-pane  " id="enPrFont">

											<div id="fontFamily">

					</div>

											<div id="myFontArg">

					</div>

										</div>

									</div>

									<div class="form-group form-horizontal">
										<div class="actions col-sm-offset-2 col-sm-4">
											<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
											@messages("run")</button>
										</div>
										<div class="row" style="margin-left: 0px">
											<div class="col-sm-12" >
												<p style="color: #232327 ">
												@messages("reRunInfo")
												</p>
											</div>
										</div>
									</div>

								</form>

							</div>

						</div>

					</div>

				</div>

			</div>

		</div>

	</div>

</div>


